<template>
	<div :class="{'news-home' : btnStatus, 'news-home-nav-status' : !btnStatus}">
		<home-header @navBtn="btnChange" :bannerUrl="bannerUrl"></home-header>
		<div class="content">
			<div class="con-title">
				<h3>{{newsList.name}}</h3>
				<p class="time">发布时间： <span>{{newsList.date}}</span>   发布者：<span>{{newsList.user}}</span></p>
			</div>
	    <p class="desc">{{newsList.zs_desc}}</p>
		</div>
		<home-footer></home-footer>
		<home-nav></home-nav>
	</div>
</template>

<script>
import HomeHeader from "@/Home/HomeHeader";
import HomeFooter from "@/Home/HomeFooter";
import HomeNav from "@/Home/HomeNav";

export default {
  name: "NewsHome",
  data() {
    return {
      btnStatus: true,
      bannerUrl: require("../assets/img/about-banner.jpg"),
      newsList: {
        id: "1",
        name: "重大调整！新设立企业申报建造师必须注册到企业才能审批资质",
        zs_desc:
          "6月5日，北京市住建部下发了《关于调整新设立企业申报建造师注册及企业资质审批有关工作的通知》。该文件主要规定的就是：考核注册建造师指标的新设立建设工程企业，应先将建造师注册至本公司后，再按照资质标准、申报流程等要求，向市、区住房城乡建设委提出申请。",
        date: "2019-01-01",
        user: "admin"
      }
    };
  },
  methods: {
    btnChange: function(rs) {
      this.btnStatus = rs;
    }
  },
  components: {
    HomeNav,
    HomeFooter,
    HomeHeader
  }
};
</script>

<style lang="stylus" scoped>
.news-home
	position relative
	transform translateX(0rem)
	transition all .5s linear
	width 100%
	overflow hidden
.news-home-nav-status
	position relative
	transform translateX(-4.65rem)
	transition all .5s linear
.content
	.con-title
		border-bottom 1px solid #d6d6d6
		margin-bottom  .33rem
		h3
			font-size .3rem
			color #363636
			margin .6rem .4rem .28rem .4rem
			text-align center
			line-height .5rem
		.time
			font-size .12rem
			color #838383
			margin-bottom .28rem
	.desc
		font-size .14rem
		color #363636
		padding 0 .13rem
		text-align left
		text-indent 2em
		line-height .3rem
</style>
